<!doctype html>
<html lang="en" id="activity_detail" v-cloak>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/activity_detail.css">
</head>
<body>
    <div class='common-header'>
        <div class='left'>
            <a href="javascript:window.history.back();"><i class='iconfont icon-left'></i></a>
        </div>
        <div class="middle">活动详情</div>
    </div>

    <div class="banner">
        <img :src="picServer+mainInfo.img" alt="" style="height: 172px;">
        <div class="banner-content">
            <p>\{{mainInfo.title}}</p>
            <div>\{{mainInfo.info}}</div>
            <!--<img class="finished" v-if="mainInfo.state===1" src="img/finished.png" alt="">
            <img class="finished" v-if="mainInfo.state===0" src="img/finished1.png" alt="">-->
            <div><strong>团队报名： \{{mainInfo.tdbm}}</strong></div>
            <div><strong>已报名人数： \{{mainInfo.rs}}</strong></div>
            <div v-if="mainInfo.guidance"><strong>指导单位： \{{mainInfo.guidance}}</strong></div>
            <div v-if="mainInfo.sponsor"><strong>主办单位： \{{mainInfo.sponsor}}</strong></div>
            <div v-if="mainInfo.sponsors"><strong>承办单位： \{{mainInfo.sponsors}}</strong></div>
            <div><strong>费用说明： \{{mainInfo.cost.name}}</strong></div>
            <div><strong>邀请人数： \{{mainInfo.number==0?'不限':mainInfo.number}}</strong></div>
            <div><strong>活动时间： \{{mainInfo.activityTime.substring(0,10)}} \{{mainInfo.specificTime}}</strong></div>
            <div><strong>活动地点： \{{mainInfo.place}}</strong></div>
            <div><strong>联系方式： \{{mainInfo.phone}}</strong></div>
        </div>
        <div class="banner-footer">
            <span class="label">
                <button>\{{mainInfo.dq}}</button>
                <button>\{{mainInfo.theme.name}}</button>
            </span>
            
            <span class="fn-btn">
                <button v-if="mainInfo.isPart=='0' && mainInfo.state!==1" class="right" @click="apply()">报名</button>
                <button v-if="mainInfo.isPart!=='0' && mainInfo.state!==1" class="right cancel-btn" @click="cancelApply()">取消报名</button>
                <button v-if="mainInfo.isPart!=='0' && mainInfo.state!==1 && mainInfo.isCheck==1" class="right cancel-btn" @click="goDetailQd(mainInfo.isPart)">活动签到</button>
                <button v-if="mainInfo.isPart!=='0' && mainInfo.state!==1 && mainInfo.isCheck==0" class="right cancel-btn" style="background: #349955;">审核中</button>
                <button v-if="mainInfo.state==1 " class="right disabled-btn">已截止</button>
            </span>
        </div>
    </div>

    <div class="title" v-if="mainInfo.state==1">活动集锦</div>

    <div class="applied">
        \{{{mainInfo.hdjj}}}
    </div>

    <div class="title">报名已审核通过( \{{rowCount>mainInfo.tdbm?rowCount:mainInfo.tdbm}} )</div>
    <div class="applied">
        <ul class="clearfix"> 
            <li v-for="item in applied" @click="goDetail(item.member.id)">
                <!--<img :src="picServer + item.member.img" alt="">-->
                <img :src="'http://appapp.b0.upaiyun.com' + item.member.img+'!/quality/10'" alt="">
                \{{item.member.nickName}}
            </li>
        </ul>
    </div>

    <div class="title">活动详情</div>
    <div class="activity-detail">
        \{{{mainInfo.content}}}
        <!--<span class="see-more" v-if="thumb" v-on:click="thumb = false">查看更多</span>-->
    </div>
</body>
<script>var app = 'activity_detail';</script>
<script data-main="js/common/{{jsPath "require_config"}}" src="lib/requirejs/require.js"></script>
</html>